<template>
  <div id="create-comment">
    <img  src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F1bad8264-7428-44cf-a92d-3016a2de537b%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1712247923&t=28009a2b9a2a8b6adc9dbc9033e4a156" alt="" />
    <div class="comment">
      <el-input
        type="textarea"
        placeholder="代码的尽头是开源，感谢您的留言"
        maxlength="30"
        show-word-limit
      >
      </el-input>
      <div class="bottom-bar">
        <el-button type="primary" size="mini">发布</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#create-comment {
    display: flex;
    display: -webkit-flex;
    justify-content: start;
}

#create-comment .comment{
    width: 100%;
}

#create-comment .comment .bottom-bar{
    margin: 10px 0 ;
    display: flex;
    display: -webkit-flex;
    justify-content: end;
}
#create-comment img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}
</style>